<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form id="registerForm">
        <input type="text" name="uname" id="username"><span id="username_span" class="init">* 请你输入用户名</span><br>
        <input type="text" name="pwd"><br>
        <input type="number" name="age"><br>
<!--        <input type="button" value="get" onclick="registers()">-->
        <input type="button" value="post" onclick="register2()">
    </form>

    <script src="/prj/plugins/jquery/jquery.min.js"></script>
    <script>
        //jquery_ajax.html中讲解的是jquery原生的ajax操作，步骤还是比较繁琐的
        //jquery框架再次进行了封装
        function registers() {
            //发送参数 - 可以使用json对象

            //$.get('/prj/ajax/check',{"uname":"tom"},function(data){
                //console.log(data);
            // }
            //使用key=value&key=value
            let value=$("#registerForm").serialize();
            $.get('/prj/ajax/check',value,function (data) {
                console.log(data);
            })
        }

        //post请求
        function register2() {
            //直接使用json对象进行发送
            //$.post('/prj/ajax/check',{"uname":"tom"},function(data)
            //      console.log(data)
            //})

            let value=$("#registerForm").serialize();

            $.post("/prj/ajax/check",value,function (data) {
                console.log(data);
            })
        }
    </script>

</body>
</html>